<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">

    <title>Lending intermediary platform</title>
    <script src="./js/jquery.min.js"></script>
    <style>
        * {
            font-size: 0.14rem;
            /*font-family:ArialMT;*/
            color: #444;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html, body {
        }

        a {
            text-decoration: none;
        }

        li {
            list-style: none;
        }

        .green_text {
            color: #008760;
        }

        .dark_text {
            font-size: 0.18rem;
        }

        .gray_text {
            font-size: 0.12rem;
            color: #777777;
        }

        .link {
            color: #307AF1;
        }

        .nomargin {
            margin: 0;
        }

        .container {
            padding: 0.26rem 0.14rem;
        }

        header {
            /*padding-bottom: 0.3rem;*/
            /*border-bottom: 1px solid #DDDDDD;*/
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
        }

        .logo {
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.1rem;
            margin-right: 0.2rem;
        }

        .install {
            width: 100%;
            line-height: 1;
        }

        .install .title {
            width: 100%;
            font-size: 0.22rem;
            margin: 3px 0 0.1rem;
            line-height: 0.29rem;
            word-spacing: 2px;
            letter-spacing: 0.4px;
        }

        .container > .content {
            padding: 0.35rem 0 0;
            /*border-bottom: 1px solid #DDDDDD;*/
        }

        .downloads {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            justify-content: space-between;
            margin-bottom: 0.2rem;
        }

        .downloads li {
            flex: 1;
            text-align: center;
            list-style: none;
        }

        .downloads .border_line {
            flex: 0;
            margin-top: 0.06rem;
            height: 0.22rem;
            border-left: 1.5px solid #DDDDDD;
        }

        .downloads .title b {
            font-size: 0.14rem;
            /*font-weight: bold;*/
            /*font-family:Arial-BoldMT;*/
        }

        .downloads .title .icon_img {
            vertical-align: top;
        }

        .installBtn {
            text-align: center;
            padding-top: 0.10rem;
            padding-bottom: 0.24rem;
        }

        .installBtn img {
            width: 100%;
            height: auto;
        }

        .icon_img {
            height: 0.18rem;
            width: auto;
        }

        .swiper {
            width: 100%;
            overflow-y: auto;
            margin-bottom: 0.15rem;
        }

        .swiper_inner {
            width: 6.5rem;
        }

        .swiper_inner img {
            width: auto;
            height: 2.56rem;
            margin-right: 0.14rem;
        }

        .message {
            line-height: 0.38rem;
        }

        .gray_text {
            line-height: 0.22rem;
        }

        .ratingDanUlasan {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            align-items: center;
        }

        .rating {
            flex: 2;
            text-align: center;

        }

        .rating .ratingDanUlasantitle {
            text-align: left;
            font-size: 0.16rem;
        }

        .rating .num {
            line-height: 0.68rem;
            font-size: 0.5rem;
            text-align: left;
            /*font-family:Arial-BoldMT;*/
        }

        .stars {
            display: flex;
            justify-content: space-between;
        }

        .gray_text {
            text-align: left;
        }

        .stars i {
            width: 0.11rem;
            height: 0.11rem;
            background: url(./img/stars.png) no-repeat center center;
            background-size: 100% 100%;
        }

        .rating .gray_text {
            margin-top: 0.05rem;
        }

        .rating .stars {
            width: 0.6rem;
            /*margin: 0 auto 0.1rem;*/
        }

        .rating_list {
            margin-top: 0.2rem;
            flex: 3;
        }

        .rating_list .gray_text {
            width: 0.18rem;
        }

        .rating_list li {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            align-items: center;
            padding: 0.00rem 0;
        }

        .rating_list .rating_box {
            display: block;
            width: 90%;
            height: 0.09rem;
            background: #DDDDDD;
            border-radius: 0.15rem;
            position: relative;
        }

        .rating_value {
            position: absolute;
            height: 100%;
            top: 0;
            left: 0;
            background: #008760;
            border-radius: 0.15rem;
        }

        .rating_value.val1 {
            width: 5%;
        }

        .rating_value.val2 {
            width: 12%;
        }

        .rating_value.val3 {
            width: 83%;
        }

        .ulasan_item {
            width: 100%;
            /*padding: 0 0.12rem;*/
            /*background: #F5F5F5;*/
            margin-top: 0.15rem;
            margin-bottom: 0.2rem;
        }

        .ulasan_item .title, .ulasan_item .footer {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.12rem 0;
        }

        .ulasan_item .title {
            /*border-bottom: 1px solid #DDDDDD;*/
        }

        .ulasan_item .footer {
            /*border-top: 1px solid #DDDDDD;*/
        }

        .ulasan_item .footer img {
            height: 0.24rem;
            width: auto;
        }

        .ulasan_item .content {
            padding: 0.1rem 0;
        }

        .ulasan_item .user {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            align-items: center;
        }

        .portrait {
            width: 0.32rem;
            height: 0.32rem;
            border-radius: 50%;
            margin-right: 0.12rem;
        }

        .userName {
            width: 100%;
        }

        .content .stars {
            width: 1.2rem;
        }

        .content .stars i {
            margin-top: 0.1rem;
        }

        .content .stars span {
            margin-top: 0.065rem;
            margin-left: 0.06rem;
        }

        .ulasan_item .text {
            padding-top: 0.1rem;
            font-size: 0.14rem;
            line-height: 1.4;
        }

        footer {
            width: 100%;
            padding: 0.2rem 0.1rem;
            background: #EBEBEB;

        }

        footer h3 {
            text-align: center;
            margin-bottom: 0.1rem;
        }

        footer li {
            line-height: 1.3;
        }
    </style>
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if (clientWidth >= 640) {
                        clientWidth = 640;
                    } else if (clientWidth <= 320) {
                        clientWidth = 320;
                    } else {
                    }
                    docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
    <script>
        // var channel = getLocationSearch().channel || '';
        // 	(function(para) {
        //   var p = para.sdk_url, n = para.name, w = window, d = document, s = 'script',x = null,y = null;
        //   w['sensorsDataAnalytic201505'] = n;
        //   w[n] = w[n] || function(a) {return function() {(w[n]._q = w[n]._q || []).push([a, arguments]);}};
        //   var ifs = ['track','quick','register','registerPage','registerOnce','trackSignup', 'trackAbtest', 'setProfile','setOnceProfile','appendProfile', 'incrementProfile', 'deleteProfile', 'unsetProfile', 'identify','login','logout','trackLink','clearAllRegister','getAppStatus'];
        //   for (var i = 0; i < ifs.length; i++) {
        //     w[n][ifs[i]] = w[n].call(null, ifs[i]);
        //   }
        //   if (!w[n]._t) {
        //     x = d.createElement(s), y = d.getElementsByTagName(s)[0];
        //     x.async = 1;
        //     x.src = p;
        //     x.setAttribute('charset','UTF-8');
        //     y.parentNode.insertBefore(x, y);
        //     w[n].para = para;
        //   }
        // })({
        //   sdk_url: 'http://static.sensorsdata.cn/sdk/1.11.2/sensorsdata.min.js',
        //   heatmap_url: 'http://static.sensorsdata.cn/sdk/1.11.2/heatmap.min.js',
        //   name: 'sa',
        //   server_url: 'http://yangcongjiedai.datasink.sensorsdata.cn/sa?token=108d09876407cbb2'
        // });
        // sa.quick('autoTrack');
        // sa.registerPage({
        //     channel: channel,
        //   });
        //   sa.track('pdl-download-pageview');
        var packName = "";
        var url = window.location.href;
        var packNameIndex = url.indexOf('packageName=');
        console.log(packNameIndex)
        if (packNameIndex !== -1) {
            packName = url.substring(packNameIndex + 12);
        }
        $(function () {
            for (var i = 5; i > 0; i--) {
                var num = 1;
                if (i === 4) {
                    num = 2;
                } else if (i === 5) {
                    num = 3;
                }
                $('<li>' +
                    '<span class="gray_text">' + i + '</span>' +
                    '<span class="rating_box">' +
                    '<span class="rating_value val' + num + '"></span>' +
                    '</span>' +
                    '</li>').appendTo($('#ratingList'));
            }
            $('#installBtn').click(function () {
                const testURL = 'https://dc-api.rupee-mama.in';
                var data = {"actionType": 1}
                fetch(testURL + '/website/promotion/add', {
                    method: 'POST',
                    headers: {
                        "Content-Type": "application/json"
                    },
                    body: JSON.stringify(data)
                }).then(res => res.json());
                if (packName==='com.kly.cm.mall.pro'){
                    window.location.href = 'https://dc-oss2.oss-ap-south-1.aliyuncs.com/app/cashmallpro/cashmallpro-release.apk';
                } else if (packName==='com.vayloan.app'){
                    window.location.href = 'https://dc-oss2.oss-ap-south-1.aliyuncs.com/app/loanzone/loanzone-release.apk';
                }else if (packName==='in.cashzone.app'){
                    window.location.href = 'https://dc-oss2.oss-ap-south-1.aliyuncs.com/app/cashzone/cashzone-release.apk';
                }else if (packName==='in.meraloan.app'){
                    window.location.href = 'https://dc-oss2.oss-ap-south-1.aliyuncs.com/app/meraloan/meraloan-release.apk';
                }else {
                    window.location.href = 'https://dc-oss2.oss-ap-south-1.aliyuncs.com/apk/rupeemama-release.apk';
                }

            });
        });

        function getLocationSearch() {
            var href = location.href;
            var theRequest = new Object();
            if (href.indexOf("?") > -1) {
                var hrefStr = href.substr(href.indexOf("?") + 1);
                var arr = hrefStr.split("&");
                arr.filter(function (item) {
                    theRequest[item.split('=')[0]] = item.split('=')[1];
                });
                return theRequest;
            }
            return {};
        }
    </script>
</head>
<body>
<div class="container">
    <header>
        <img name="logo" alt="logo" class="logo">
        <div class="install" id="install">
            <h3 class="title" id="tit"></h3>
            <h2 class="green_text">Lending intermediary platform</h2>
        </div>
    </header>
    <div class="content">
        <ul class="downloads">
            <li>
                <p class="title">
                    <b>4.8</b>
                    <img class="icon_img" src="./img/star.png" alt="">
                </p>
                <span class="gray_text">109K reviews</span>
            </li>
            <li class="border_line">
            </li>
            <li>
                <p class="title">
                    <img class="icon_img" src="./img/icon2.png" alt="">
                </p>
                <span class="gray_text">13 MB</span>
            </li>
            <li class="border_line">
            </li>
            <li>
                <p class="title">
                    <img class="icon_img" src="./img/icon3.png" alt="">
                </p>
                <span class="gray_text">Rated for 3+</span>
            </li>
            <li class="border_line">
            </li>
            <li>
                <p class="title">
                    <b>5 M+</b>
                </p>
                <span class="gray_text">Downloads</span>
            </li>
        </ul>
        <div class="installBtn" id="installBtn">
            <img src="./img/install.png">
        </div>
        <div class="swiper" id="swiper">
            <div class="swiper_inner">
                <img src="./img/pic_1.png" name="swiper_1">
                <img src="./img/pic_2.png" name="swiper_2">
                <img src="./img/pic_3.png" name="swiper_3">
                <img src="./img/pic_4.png" class="nomargin" name="swiper_4">
            </div>
        </div>
        <div style="display: flex;justify-content: space-between">
            <p class="message dark_text">
                About this app
            </p>
            <img style="width: 15px;height: 15px;margin-top: 15px" src="./img/arrow_right.png">
        </div>
        <p class="message gray_text" id="about_app">
        </p>
        <p style="text-align: center;font-size: 12px;border: #cccccc 1px solid;width: 70px;border-radius: 20px;padding-top:3px;padding-bottom: 3px;margin-top: 20px">
            Finance</p>
    </div>
    <div style="display: flex;justify-content: space-between;margin-top: 30px">
        <p class="message dark_text">Ratings reviews</p>
        <img style="width: 15px;height: 15px;margin-top: 15px" src="./img/arrow_right.png">
    </div>
    <div class="ratingDanUlasan">
        <ul class="rating">
            <li class="num">4.8</li>
            <li class="stars">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
            </li>
            <li class="gray_text">50,252</li>
        </ul>
        <ul class="rating_list" id="">
            <!-- <li>
                <span class="gray_text">5</span>
                <span class="rating_box">
                    <span class="rating_value"></span>
                </span>
            </li> -->
        </ul>
    </div>
    <div class="ulasan_item">
        <!-- 			<div class="title">
                        <span>UIasan posotif teratas</span>
                        <span class="link">Lainnya</span>
                    </div> -->
        <div class="content">
            <div class="user">
                <img src="./img/portrait1.png" alt="" class="portrait">
                <div class="userName">
                    <p>Kuldeep Thaosen</p>
                </div>
                <img src="./img/more_android.png">
            </div>
            <p class="stars">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <span class="gray_text">12/1/21</span>
            </p>
            <div class="text gray_text">
                Will take the initiative to ask permission, will not randomly obtain user information
            </div>
        </div>
        <div class="footer">
            <span class="gray_text">Was this review helpful?</span>
            <span>
					<img src="./img/btn1.png" alt="" style="margin-right: 0.1rem">
					<img src="./img/btn2.png" alt="">
				</span>
        </div>
    </div>
    <div class="ulasan_item">
        <!-- 			<div class="title">
                        <span>UIasan posotif teratas</span>
                        <span class="link">Lainnya</span>
                    </div> -->
        <div class="content">
            <div class="user">
                <img src="./img/portrait2.png" alt="" class="portrait">
                <div class="userName">
                    <p>Ammii Rock</p>
                </div>
                <img src="./img/more_android.png">
            </div>
            <p class="stars">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <span class="gray_text">11/27/21</span>
            </p>
            <div class="text gray_text">
                Helped me at a crucial moment
            </div>
        </div>
        <div class="footer">
            <span class="gray_text">Was this review helpful?</span>
            <span>
					<img src="./img/btn1.png" alt="" style="margin-right: 0.1rem">
					<img src="./img/btn2.png" alt="">
				</span>
        </div>
    </div>
    <div class="ulasan_item">
        <div class="content">
            <div class="user">
                <img src="./img/portrait3.png" alt="" class="portrait">
                <div class="userName">
                    <p>Niara Cutchie</p>
                </div>
                <img src="./img/more_android.png">
            </div>
            <p class="stars">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <span class="gray_text">11/24/21</span>
            </p>
            <div class="text gray_text">
                I hope you can provide my quota
            </div>
        </div>
        <div class="footer">
            <span class="gray_text">Was this review helpful?</span>
            <span>
					<img src="./img/btn1.png" alt="" style="margin-right: 0.1rem">
					<img src="./img/btn2.png" alt="">
				</span>
        </div>
    </div>
    <!-- 		<footer>
                <h3>Perhatian Pengguna</h3>
                <ul>
                    <li>Keunggulan produk:</li>
                    <li>1.ulasan cepat</li>
                    <li>2.kecepatan ke akun</li>
                    <li>3.informasinya sederhana</li>
                    <li>4.layanan berkualitas</li>
                </ul>
            </footer> -->
</div>
</body>
<script>

    if (packName==='com.kly.cm.mall.pro'){
        document.title="CashMall Pro - Lending intermediary platform"
        document.getElementById("tit").innerHTML="Professional lending intermediary platform - CashMall Pro";
        document.getElementById("about_app").innerHTML="CashMall Pro is an intermediary platform product for online personal loans.";
        document.logo.src="./img/playstore-icon-cmp.png"
        document.swiper_1.src="./img/pic_cm_1.png"
        document.swiper_2.src="./img/pic_cm_2.png"
        var link = document.createElement("link");
        link.rel = "shortcut icon";
        link.href = "./img/playstore-icon-cmp.png";
        document.head.appendChild(link);
    }else if (packName==='com.vayloan.app'){
        document.title="LoanZone - Lending intermediary platform"
        document.getElementById("tit").innerHTML="Professional lending intermediary platform - LoanZone";
        document.getElementById("about_app").innerHTML="LoanZone is an intermediary platform product for online personal loans.";
        document.logo.src="./img/playstore-icon-lz.png"
        document.getElementById("swiper").setAttribute("style","display:none");
        var link = document.createElement("link");
        link.rel = "shortcut icon";
        link.href = "./img/playstore-icon-lz.png";
        document.head.appendChild(link);
    } else if (packName==='in.cashzone.app'){
        document.title="CashZone - Lending intermediary platform"
        document.getElementById("tit").innerHTML="Professional lending intermediary platform - CashZone";
        document.getElementById("about_app").innerHTML="CashZone is an intermediary platform product for online personal loans.";
        document.logo.src="./img/playstore-icon-cz.png"
        document.getElementById("swiper").setAttribute("style","display:none");
        var link = document.createElement("link");
        link.rel = "shortcut icon";
        link.href = "./img/playstore-icon-cz.png";
        document.head.appendChild(link);
    } else if (packName==='in.meraloan.app'){
        document.title="MeraLoan - Lending intermediary platform"
        document.getElementById("tit").innerHTML="Professional lending intermediary platform - MeraLoan";
        document.getElementById("about_app").innerHTML="MeraLoan is an intermediary platform product for online personal loans.";
        document.logo.src="./img/playstore-icon-ml.png"
        document.getElementById("swiper").setAttribute("style","display:none");
        var link = document.createElement("link");
        link.rel = "shortcut icon";
        link.href = "./img/playstore-icon-ml.png";
        document.head.appendChild(link);
    } else {
        document.title="RupeeMama - Lending intermediary platform"
        document.getElementById("tit").innerHTML="Professional lending intermediary platform - RupeeMama";
        document.getElementById("about_app").innerHTML="Rupeemama is an intermediary platform product for online personal loans.";
        document.logo.src="./img/playstore-icon.png"
        document.swiper_1.src="./img/pic_1.png"
        document.swiper_2.src="./img/pic_2.png"
        var link = document.createElement("link");
        link.rel = "shortcut icon";
        link.href = "./img/playstore-icon.png";
        document.head.appendChild(link);
    }

</script>

</html>